<template>
	<view class="_price" :style="{color:color,fontWeight:fweight}">
		<span class="icon" v-if="price != '0'">￥<span :style="{fontSize:size+'px'}">{{ price }}{{text}}</span></span>
	</view>
</template>

<script setup>
	import {
		defineProps
	} from 'vue';
	const props = defineProps({
		price: [String,Number],
		size: {
			type: Number,
			default: 18
		},
		color:{
			type:String,
			default:'#fd432c'
		},
		fweight:{
			type:String,
			default:'bolder'
		},
		text:{
			type:String,
			default:''
		},
	})
</script>

<style lang="scss" scoped>
	._price {

		.icon {
			font-size: 14px
		}

	}
</style>